<%--
  Created by IntelliJ IDEA.
  User: LYM
  Date: 2022/7/8
  Time: 10:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<html>
<head>
    <title></title>
</head>

<body style="background: #ececef">


</body>
<div class="pageWrap">
<%String username = (String) session.getAttribute("username"); %>
<div class="topnavWrap">
    <div class="topnavele">
        <form method="post" action="./LogoutServlet">
            <button style="width: 100%;height: 100%">
                Log Out
            </button>
        </form>
    </div>
    <div class="topnavele">
        <%= username %>
    </div>

</div>
<div class="sidebar">
    <div class="tab" id="cate0"></div>
    <div class="design" id="cate1">
        <a href="addWarehouse.jsp"><button class="navto-nav">Add Warehouse</button></a>
    </div>
    <div class="design" id="cate2">
        <a href="addWorker.jsp"><button class="navto-nav">Add Worker</button></a>
    </div>
    <div class="design" id="cate3">
        <a href="addShelf.jsp"><button class="navto-nav">Add Shelf</button></a>
    </div>
    <div class="design" id="cate4">
        <a href="delet.jsp"><button class="navto-nav">Delete</button></a>
    </div>
    <div class="design" id="cate5">
        <div class="navto-nav">5</div>
    </div>
    <div class="design" id="cate6">
        <div class="navto-nav">6</div>
    </div>
    <div class="design" id="cate7">
        <div class="navto-nav">7</div>
    </div>
    <div class="design" id="cate8">
        <div class="navto-nav">8</div>
    </div>
    <div class="design" id="cate9">
        <div class="navto-nav">9</div>
    </div>
    <div class="design" id="cate10">
        <div class="navto-nav">10</div>
    </div>

</div>
    <iframe src="welcome.jsp" frameborder="0" style="width: "></iframe>
</div>

<style>
    .pageWrap {
        width: 100%;
        height: 100%;
        float: left;

    }

    .sidebar {
        width: 15%;
        height: 100%;
        background: azure;
        border-style: solid;
        border-color: #efefef;
        float: left;
    }

    .tab {
        font-size: 20px;
        height: 30px;
        width: 100%;
        background: aquamarine;
        line-height: 30px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #efefef;
        border-radius: 2px 2px 0px 0px;
        text-align: center;
    }

    .navto-nav {
        font-size: 18px;
        height: 60px;
        width: 100%;
        background: azure;
        line-height: 60px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #efefef;
        text-align: center;
        text-decoration: none;
    }

    .navto-nav:hover {
        background: aquamarine;
    }

    .topnavWrap {
        height: 43px;
        width: 100%;
        background: aquamarine;
        border-style: solid;
        border-color: #efefef;
        position: fixed;
        top: 0;
        text-align: center;
        line-height: 40px;
        z-index: 999;

    }

    .topnavele {
        height: 40px;
        width: 10%;
        background: azure;
        text-align: center;
        line-height: 40px;
        float: right;
        text-decoration: none;

    }

    .topnavele:hover {
        background: aqua;
    }

    a {
        text-decoration: none;
    }

</style>
</html>
